/********************************************************************* Global Changes ***********************************************************************************************/
.input-group-addon{
    border: 0;
}

.form-control{
    background: #EEEEEE;
    border: 0;
}

.snow_white{
    color: white;
    font-size: 10px;
    text-align: center;
}

*{
    margin:0;
    padding:0;
}

.buffer{
    height: 60px;
}

/********************************************************************* Tony Sama's Land ***********************************************************************************************/
.login_page a{
    color: white;
}
.login_page{
    height: 100vh;
}

.login_page .login_bg{
    background-color: #051f3a;
    background-size: contain;
    width: 100%;
    height: 100vh;
}

.login_page .logo{
    margin-top: 30%;
    margin-left: 25%;
}

.login_page .logo1{
    width: 50px;
}

.login_page .logo2{
    width: 100px;
}

.login_page .input_form{
    margin-top: 80px;
}

.login_page .login_input{
    border-radius: 0;
}


.login_page .submit_input{
    margin-top: 10px;
    width: 100%;
    border-radius: 0;
}

.login_page .more_margin{
    margin-top: 30px;
}

.login_page .even_more_margin{
    margin-top: 110px;
}

.login_page .social_media{
    width: 40px;
    margin-top: 10px;
}




/***Sign Up page **/

.sign_page .navbar{
    background-color: white;
    border: 0;
}

.sign_page .logo{
    width: 70px;
    margin-top: 5px;
    position: absolute;
    left: -71px;
}

.sign_page .back{
    width: 30px;
}

.sign_page .progress{
    margin-top: 80px;
}

.sign_page .progress-bar{
    background-color: #051f3a;
}

.sign_page .input-group{
    width: 90%;
    margin-left: 5%;
    border-radius: 0;
}

.sign_page .go{
    width: 90%;
    margin-left: 5%;
    border-radius: 0;
}

.sign_page .picture{
    margin: 0;
    position: relative;
    top: -10px;
}

.sign_page .bigger{
    margin-left: 2%;
    float: left;
    width: 64%;
    border: white 1px dashed;
}

.sign_page .smaller{
    float: left;
    width: 32%;
    margin: 0;
    border: white 1px dashed;
}

.sign_page .progress{
    position: relative;
}
.sign_page .progress-text{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2px;
}

.sign_page .last .form-control{
    background-color: white;;
    width: 100%;
}

.sign_page .last .input-group-addon{
    background-color: white;
}

.sign_page .last .input-group {
    background-color: white;;
    width: 100%;
    margin: 0;
}

.sign_page .navbar{

    background-color: #f5f5f7;
    height: 8%;
    border: 0;
}


.sign_page .logo{

    width: 70px;
    margin-top: 10px;
    margin-left: 60%;
}

.sign_page .back{
    margin-top: 6px;
    width: 30px;
}

.sign_page .progress{
    margin-top: 80px;
}

.sign_page .progress-bar{
    background-color: #051f3a;
}

.sign_page .input-group {
    width: 90%;
    margin-left: 5%;
    border-radius: 0;
}
.sign_page .circled{
    float: left;
    border-radius: 50%;
    position: relative;
    width: 2em;

}
.sign_page .info_row{
    padding-top: 10px;
    background-color: #f5f5f7;
    margin-top: 16%;
}
.sign_page .name{
    margin-top: 3px;
    font-size: 1.2em;
    color: #627080;
    position: relative;
    left: -25px;

}
.sign_page .blackground{
    background: #d7d7d7;
}
.sign_page .location{
    width: 15px;
    margin-top: 5px;
    margin-left: 30px;
}
.sign_page .city{
    margin-top: 5px;
    color: #627080;
}
.sign_page .notlast{
    padding-top: 20px;
    background-color: #f5f5f7;
}
.sign_page .white_ground{
    height: 66px;
    margin-top: -15px;
    border: 8px #f5f5f7 solid;
    background: white;
}
.sign_page .liked{
    margin-top: 3px;
    font-size: 1.6em;
    color: #627080;
}
.sign_page .like{
    margin-top: -11px;
    font-size: 0.7em;
}
.sign_page .basic{
    color: #051f3a;
    font-size: 0.9em;
    position: relative;
    top: 15px;
}
.sign_page .info{
    color: #051f3a;
    font-size: 0.9em;
}
.sign_page .info{
    margin: 0;
}
.footer{
    padding-top: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #051f3a;
    font-size: 2em;
    color: white;
}



.profile_page .logo{
    width: 70px;
    margin-top: 5px;
    position: absolute;
    left: 40%;
}

.profile_page .navbar{

    height: 60px;
    background-color: white;
    border: 0;
}

.profile_page .back{
    width: 30px;
}

.profile_page .tabs{
    margin-top: 50px;
    padding-top: 213px;
}

.profile_page .nav-tabs{
    width: 100%;
    border: 0;
}

.profile_page .nav-tabs>li.active>a{
    font-weight: bold;
    color: white;
    border: 0;
    border-bottom: solid 3px #00afef;
    background: none;
}
.profile_page .nav-tabs>li{
    text-align: center;
    width: 25%;
}
.profile_page .nav-tabs:hover{
    background: none;
}

.profile_page a{
    font-size: 0.8em;
    color: white;
    font-weight: bold;
}

.profile_page .banner{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../images/photo01.png") no-repeat;
    background-size: cover;
    opacity: 1.5;
    width: 100%;
    height: 250px;

}
.profile_page .absolute_centered{
    position: absolute;
    left: 38%;
    top: 70px;
}

.profile_page .circled{
    float: left;
    top: 2em;
    border: 2px solid #00afef;
    border-radius: 50%;
    position: relative;
    width: 6em;

}
.profile_page .name{
    clear: both;
    float: left;
    font-size: 1.2em;
    color: white;
    position: relative;
    top: 2em;
    left: -10px;

}

.profile_page .certified{
    float: left;
    width: 20px;
    position: relative;
    top: 2.5em;

}

.profile_page .hobbes{
    clear: both;
    font-size: 0.8em;
    color: white;
    position: relative;
    top: 30px;
    left: -20px;

}

.profile_page .info{
    margin-top: 20px;
    margin-bottom: -10px;
}
.profile_page .female{
    position: relative;
    top: -3px;
    left: -4px;
    width: 20px;
}
.profile_page .name2{
    position: relative;
    top: -1px;
    font-size: 0.9em;
    width: 10px;
}
.profile_page .city{
    position: relative;
    left: 12px;
    font-size: 0.9em;
}
.profile_page .age{
    position: relative;
    left: 1px;
    font-size: 0.9em;
    padding-left: 10px;

}
.profile_page .location{
    position: relative;
    top: -6px;
    left: 20px;
    width: 20px;
}
.profile_page .container1{
    border: 5px #F5F5F7 solid;
    background-color: #FFFFFF;
}
.profile_page .blue_box p{
    width: 100%;
    padding: 0;
    font-size: 0.7em;
    border: 5px #7da7d9 solid;
    background-color: #7da7d9;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.profile_page .red_box p{
    width: 100%;
    padding: 0;
    font-size: 0.7em;
    border: 5px #f4989d solid;
    background-color: #f4989d;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.profile_page .purple_box p{
    width: 100%;
    padding: 0;
    font-size: 0.7em;
    border: 5px #a287be solid;
    background-color: #a287be;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.profile_page .green_box p{
    width: 100%;
    padding: 0;
    font-size: 0.7em;
    border: 5px #00a652 solid;
    background-color: #00a652;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.profile_page .yellow_box p{
    width: 100%;
    padding: 0;
    font-size: 0.7em;
    border: 5px #fbae5c solid;
    background-color: #fbae5c;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.profile_page .head{
    margin-top: 10px;
    margin-bottom: -15px;
}
.profile_page .categories{
    font-size: 0.7em;
}
.profile_page .price{
    text-align: right;
    font-size: 0.7em;
}

.profile_page .handsome{
    width: 20px;
    border-radius: 50%;
}
.profile_page .client{
    margin-top: 2px;
}
.profile_page .total_amount{
    text-align: right;
}
.profile_page .already_pay{
    text-align: right;
}
.profile_page .date{
    margin-top: 20px;
}
.profile_page .pay_text{
    margin-top: 2px;
    text-align: right;
}
.profile_page .detail{
    font-size: 0.65em;
}
.profile_page .end{
    opacity: 0.3;
}

.profile_page .setting{
    margin-top: 10px;
    border-bottom: 1px #9d9d9d solid;
}
.profile_page .title{
    margin-left: 20px;
}
.profile_page .next{
    width: 20px;
}
.profile_page .get_down_a_bit{
    margin-top: 3px;
    margin-left: 10px;
    font-weight: bold;
}
.add_theme_page .navbar{
    background-color: #ebebeb;
    border: none;
    height: 90px;
}
.add_theme_page .back{
    width: 30px;
    margin-top: 20px;
    margin-left: 1px;
}
.add_theme_page .gery_ground{
    margin-top: 90px;
    height: 100vh;
    width: 100%;
    background-color: #ebebeb;
}
.add_theme_page .real_h1{
    margin-top: 20px;
    text-align: center;
    font-size: 3em;
    color: #5e5e5e;
}
.add_theme_page input{
    border-radius: 0;
    background: white;
    height: 25px;
    width: 80%;
}
.add_theme_page .ok{
    border-radius: 0;
    background-color: #041139;
    height: 25px;
    color: white;
}
.add_theme_page .input-group{
    margin-top: 10px;
}
.add_theme_page .boxes{
    margin-top: 20px;
}
.add_theme_page .white_ground{
    border: 1px #ebebeb solid;
    background-color: white;
}
.add_theme_page .get_down_a_bit{
    margin-top: 12px;
}
.add_theme_page .only_you{
    font-size: 0.8em;
    color: #5e5e5e;
    position: relative;
    top: 10px;
    left: 2px;
    margin-bottom: 20px;
}
.add_theme_page .btn{
    color: black;
    font-size: 1.6em;
    width: 100%;
    margin-top: 20%;
    background-color: #00adef;
}
















/********************************************************************* Little Leon's Land ***********************************************************************************************/
/*****main page css******/
.main_page .main_bg{
    background-color: #f5f5f7;
    background-size: contain;
    width: 100%;
    height: 100vh;
}

.main_page .main_select{
    margin-bottom: 2%;
}

.main_page .main_entries{
    margin-top: 20%;
}

.main_page .main_zu{
     border: none;
     background-color: #051f3A;
     color:white;
     text-align:center;
     font-weight: bolder;
     display:inline-block;
     font-size: 16px;
     padding: 10px 19%;
     float: left;

 }

.main_page .main_shi{
    border: none;
    background-color: white;
    color:#051f3A;
    text-align:center;
    font-weight: bolder;
    display:inline-block;
    font-size: 16px;
    padding: 10px 19%;
    float: right;
}

.main_page .single_entry{
    background-color: white;
    display: inline-block;
    margin-top: 5%;
    margin-bottom: 2%;
    border:none;
    padding: 5%;
    justify-content: center;
}

.main_page .entry_img{
    width: 40vw;
    height: 23vh;
    flex-shrink:0;
}

.main_page a:link,a.visited,a:hover, a:active {
    text-decoration: none;
    color: black;
}


.main_page .entry_name{
    color: black;
    font-size: inherit;
}


.main_page .gender-icon{
    width: 7%;
    height: auto;
}

.main_page .location{
    float: right;
}

.main_page .entry_description{
    color: black;
}

.main_page td{
    width: 50%;
}

.main_page .description{
    word-wrap: break-word;

}

.main_page .entry_price{
    color: black;
    font-size: 170%;
    font-weight: bold;
}

.main_page .entry_end{
    color: black;
    float: right;
}
.main_page table{
    border-collapse: collapse;
}


/*****rent detail css******/
.rent_detail .h4{
    text-align:center;
}

.rent_detail .main_bg{
    background-color: #FFFFFF;
    background-size: contain;
    width: 100%;
    height: 100vh;
}

.rent_detail .container{
    padding: 0%;
}

.rent_detail .main_select{
    margin-bottom: 2%;
}

.rent_detail .head-brief{
    margin-top: 13%;
    margin-bottom: 2%;
}

.rent_detail .header-bar{
    border-bottom-color: beige;
    border-bottom-style: groove;
}

.rent_detail .yoyoLoc{
    width: 15%;
    height:auto;
    display: inline-block;
    vertical-align: middle;
}

.rent_detail .yoyoLocText{
    color: black;
    font-weight: bolder;
    font-size: 20px;
}

.rent_detail .detail_look{
    font-weight: bolder;
}

.rent_detail .right{
    width: 14%;
    float: right;
}

.rent_detail .profilePic{
    width: 99vw;
    height: 55vh;
    background-color: #3D668F;
    z-index: 5;
    -webkit-box-shadow: 0px 2px 4px #000000;
    -moz-box-shadow: 0px 2px 4px #000000;
    box-shadow: 0px 2px 4px #000000;
}

.rent_detail .tableList{
    margin-top: 3%;
    margin-bottom: 3%;
}

.rent_detail table{
    border-collapse: collapse;
    width: 95vw;
}

.rent_detail .trtd{
    border-left: 2px solid #dddddd;
    text-align: center;
    width: 30%;
}

.rent_detail .number{
    font-size: 150%;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: center;
}

.rent_detail .tag{
    font-size: 90%;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: center;
}

.rent_detail .price-order{
    margin-top: 3%;
}

.rent_detail .cad{
    font-size: 250%;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: center;
}

.rent_detail .perh{
    font-size: 90%;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: end;
    padding-right: 30%;
}

.rent_detail .rent-now{
    background-color: #008CBA;
    margin-top: 10px;
    border: none;
    color: white;
    padding: 15px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    width: 200px;
}

.rent_detail .rent-now:hover{
    z-index: 5;
    -webkit-box-shadow: 0px 2px 4px #474747;
    -moz-box-shadow: 0px 2px 4px #474747;
    box-shadow: 0px 2px 4px #474747;
}

.rent_detail .post-content {
    background: none repeat scroll 0 0 #474747;
    color: white;
    width: 40%;
    margin-top: 5px;
    font-weight: bolder;
    font-size: larger;
    padding: 4%;
    opacity: 0.5;
    top: 58%;
    left: 0;
    position: absolute;
    word-wrap: break-word;
}

.rent_detail .post-time {
    background: none repeat scroll 0 0 ;
    color: black;
    width: 40%;
    font-weight: bolder;
    font-size: larger;
    padding: 4%;
    opacity: 0.5;
    top: 63%;
    left: 56%;
    position: absolute;
    word-wrap: break-word;
}
























/********************************************************************* Big Leo's Land ***********************************************************************************************/

/*****************/
/*  Rental Form  */
/*****************/
.rental_form .progress{
	position: relative;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: none;
}
.rental_form .progress-text{
	position: absolute;
    width: 100%;
    text-align: center;
    top: 2px;
}
.rental_form .back, .rental_form .back-to-page{
	width:30px;
}
.rental_form .btn, .rental_form .btn:hover{
	border: none;
}
.rental_form .btn:focus, .rental_form .btn:active {
	outline: none !important;
}
.rental_form .header-row{
	padding: 12px 0px;
}
.rental_form .header-row .col-xs-4{
	margin-top: 12px;
}
.rental_form .back-div img{
	margin-top: 2px;
}
.rental_form .option-div img{
	margin-top: 2px;
	width:30px;
}
.rental_form .option-div #search{
	margin-right: 10px;
}
.rental_form .logo-div{
	text-align: center;
}
.rental_form .logo-div img{
	width: 90px;
}
.rental_form table, .rental_form .blank_input{
	width: 100%;
}
.rental_form .blank_input{
	border: none;
	padding: 10px;
}
.rental_form .blank_input:focus, .rental_form .blank_input:active{
	outline:none;
}
.rental_form .first-row{
	border-bottom: 1px solid #CCC;
}
.rental_form .normal-row{
	border-bottom: 1px solid #CCC;
}